<ion-header>
  <div class="uh bor_b bc-head" data-control="HEADER" id="Header">
    <div class="ub">
      <div class="nav-btn widthh" id="nav-left" (click)="navCtrl.pop()">
        <div class="ub-img1 back_btnX_img"></div>
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">打赏</h1>
      <div class="nav-btn widthh" id="nav-right"></div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4">
    <div class="scrollbox">
        <div class="ub ub-ver ub-ac bc-head" style="padding: 1em 0em;">
            <div class="ub-img1 yuan" id="headimg" style="width:6em;height:6em;">
              <img src="assets/imgs/img_home/xinli.png" alt="" srcset="">
            </div>
            <div id="username" class="uinn">
              小妃子
            </div>
            <div class="ub ub-ac umh5">
                <div class="ub " id="userlist5214">
                    <!-- <div class="ub-img umar-r" style="background-image: url(img_home/xinli.png);width:2em;height:2em;"></div>
                    <div class="ub-img umar-r" style="background-image: url(img_home/xinli.png);width:2em;height:2em;"></div> -->
                    <!-- <div class="ub-img umar-r" style="background-image: url();width:2em;height:2em;"></div> -->
                </div>
                <div  class="ub-img jiayou_wh umar-r" style="background-image: url(assets/imgs/img/gengduo.png);" (click)="openJiayou()"></div>
                <div class="umar-r fontsize8">
                    <span id="allnummer"></span>人打赏
                </div>
            </div>
        </div>
        <div class="ub ub-ac umh5 bc-head pad_left7">
            选择你愿意赞助的金额
        </div>
        <div class="" id="andird">
            <div class=" ub pad_left7 pad_right7 bc-head">
                <div class="ub ub-ver ub-ac ub-pc widthis1 border1 red" id="check1"(click)="tabMoney(0.5)">
                    <div class="ub-img" id="check1_g" style="background-image: url(assets/imgs/img/liaobiao1.png);width:3.5em;height:3.5em;"></div>
                    <div class="uinn fontcolor999">
                        聊表心意
                    </div>
                    <div>
                        ￥ <span>0.50</span>
                    </div>
                </div>
                <div class="ub ub-ac ub-pc ub-f1  height6">
                    <div class="ub ub-ver ub-ac ub-pc widthis1 border1" id="check2" (click)="tabMoney(1)">
                        <div class="ub-img1" id="check2_g" style="background-image: url(assets/imgs/img/dali.png);width:3.5em;height:3.5em;"></div>
                        <div class="uinn fontcolor999">
                            大力支持
                        </div>
                        <div>
                            ￥ <span>1.00</span>
                        </div>
                    </div>
                </div>
                <div class="ub ub-ver ub-ac ub-pc widthis1 border1" id="check3" (click)="tabMoney(1.5)">
                    <div class="ub-img" id="check3_g" style="background-image: url(assets/imgs/img/dingli.png);width:3.5em;height:3.5em;"></div>
                    <div class="uinn fontcolor999">
                        鼎力支持
                    </div>
                    <div>
                        ￥ <span>1.50</span>
                    </div>
                </div>
            </div>
            <div class="ub ub-ac pad_left7 pad_right7 height6 bc-head">
                <div class="ub ub-f1">
                    其它金额
                </div>
                <div>
                    <div class="uinput ub ub-f1">
                        <input  id="other" class="tx-r" placeholder="请输入" type="number" class="ub-f1">
                    </div>
                </div>
            </div>
        </div>
        <div class="hide" id="ios">
            <div class="ub" style="width: 100%;">
                <div class="ub ub-ac ub-pc ub-f1">
                    <div class="ub ub-ver ub-ac ub-pc widthis2 border1 red" id="check_ios1" (click)="tabMoney1(this.id)">
                        <div class="ub-img1" id="check_ios1_g" style="background-image: url(assets/imgs/img/dali1.png);width:3.5em;height:3.5em;"></div>
                        <div class="uinn fontcolor999">
                            大力支持
                        </div>
                        <div>
                            ￥ <span>6</span>
                        </div>
                    </div>
                </div>
                <div class="ub ub-ac ub-pc ub-f1">
                    <div class="ub ub-ver ub-ac ub-pc widthis2 border1" id="check_ios2" (click)="tabMoney1(this.id)">
                        <div class="ub-img1" id="check_ios2_g" style="background-image: url(assets/imgs/img/dali.png);width:3.5em;height:3.5em;"></div>
                        <div class="uinn fontcolor999">
                            大力支持
                        </div>
                        <div>
                            ￥ <span>12</span>
                        </div>
                    </div>
                </div>
                <div class="ub ub-ac ub-pc ub-f1">
                    <div class="ub ub-ver ub-ac ub-pc widthis2 border1" id="check_ios3" (click)="tabMoney1(this.id)">
                        <div class="ub-img1" id="check_ios3_g" style="background-image: url(assets/imgs/img/dali.png);width:3.5em;height:3.5em;"></div>
                        <div class="uinn fontcolor999">
                            大力支持
                        </div>
                        <div>
                            ￥ <span>25</span>
                        </div>
                    </div>
                </div>
                <div class="ub ub-ac ub-pc ub-f1">
                    <div class="ub ub-ver ub-ac ub-pc widthis2 border1" id="check_ios4" (click)="tabMoney1(this.id)">
                        <div class="ub-img1" id="check_ios4_g" style="background-image: url(assets/imgs/img/dali.png);width:3.5em;height:3.5em;"></div>
                        <div class="uinn fontcolor999">
                            大力支持
                        </div>
                        <div>
                            ￥ <span>50</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ub ub-ac pad_left7 pad_right7 height6 bc-head">
                <div id="jieshou" (click)="jieshou()" class="ub-img"  style="background-image: url(assets/imgs/img/danxuan.png);width:1em;height:1em;"></div>
                <div class="ub fontsize8 fontcolor999 umar-l">
                    我接受iOS App中打赏的部分金额给苹果公司
                </div>
            </div>
        </div>
        <div (click)="onKaiTong()" class="ub ub-ac ub-pc uba umh5 bc_red color_white" style="width: 85%;margin:2em auto 0em auto;border-radius: 5px;">
            确认支付
        </div>
    </div>
</div>
</ion-content>
